<template>
 <view style="height:110rpx;">
	 <view class="top-nav-tab-group" :style="{backgroundColor:background,position:position}">
	 	<!-- <image v-if="showback == 1" mode="heightFix" class="top-nav-tab-img" src="/static/jibei/home/back.png"></image> -->
		<uni-icons  @click="back()" type="back" color="#fff"  size="25"></uni-icons>
	 	<text :style="{color:color}">{{title}}</text>
	 	<text :style="{color:right_color}" @click="to_next(right_title)">{{right_title}}</text>
	 </view>
 </view>
</template>

<script>
  export default {
	  name:"top-back-navbar",
    props: {
      title: {
        type: String,
        default: ''
      },
	  position:{
		  type: String,
		  default: 'relative'
	  },
	  background:{
		  type: String,
		  default: '#ffffff'
	  },
	  color:{
		  type: String,
		  default: '#000000'
	  },
	  showback:{
		  type: Number,
		  default: 1
	  },
	  right_color:{
		  type:String,
		  default:"#0000"
	  },
	  right_title:{
		  type:String,
		   default: ''
	  },
    },
    data() {
      return {}
    },
    mounted() {},
    methods: {
		back(){
			if(this.showback!=1)return;
			uni.navigateBack()
		},
		to_next(value){
			console.log(value);
			if(value == '设置'){
				uni.navigateTo({
					url:'/pages/commission/qrcode/qrcode'
				})
			}
		}
	}
  }
</script>

<style lang="scss">
	.top-nav-tab-group{
		height: 110rpx;
		left:0;
		top:0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 34rpx;
		width: 100%;
		box-sizing: border-box;
		z-index: 990;
		letter-spacing:4rpx;
		padding: 0 20rpx;
		.fixed{
			position: fixed;
		}
		
	}
</style>
